<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片廊</title>
	<style>
		*{margin: 0; padding: 0;}
		html{height: 100%;}
		body{
			background-color: black;
		}
		.container{width: 900px;
			height: 700px;
			margin: 0 auto;}
		h1{text-align: center;
			color: yellow;
		}
			.tp{float: left;
				border: 5px solid #fff;
				font-size: 20px;
				color: blue;
			text-align: center;
			margin-left: 10px;
				}
			.tp img{
				width: 150px;
				height: 150px;
				margin:20px;
			   }
			   .tp:hover{box-shadow: 2px 10px 5px red;
			   	margin-top: -10px;

			   }


			/*.rw .tp:first-child{margin-left: 0px;}*/
	</style>
</head>
<body>
	<div class="container">
		<h1>克里斯蒂亚诺罗纳尔多</h1>
				<div class="tp">
			<img src="https://i04picsos.sogoucdn.com/7d718ab68e42b8b1" alt=""><br>
          国家队
		</div>
		<div class="tp">
			<img src="https://i01picsos.sogoucdn.com/bbcfb4bdc99fa30a" alt=""><br>
			葡萄牙
		</div>
		<div class="tp">
			<img src="https://i02picsos.sogoucdn.com/447064af6fc18992" alt=""><br>
			国家队领袖
		</div>
		<div class="tp">
			<img src="https://i01picsos.sogoucdn.com/d80cda78922f2233" alt=""><br>
			葡萄牙
		</div>


	</div>
</body>
</html>